import React, { useEffect, useState } from 'react'
import store from '@/store'
export default function Counter() {
  const [,setGiles]=useState({})
  /*
    在reudx的store对象中提供了一个方法,该方法的名称叫dispatch
    它的参数是一个action对象，该对象必须要有一个type属性，该属性
    是action的动作类型
  */
  useEffect(()=>{
    store.subscribe(()=>{
        //获取仓库中的数据
        console.log('数据',store.getState());
        setGiles({})
    })
  },[])
  const increment=()=>{
    store.dispatch({
        type:'addition'
    })
  }
  const decrease=()=>{
    store.dispatch({
        type:'subtraction'
    })
  }
  return (
    <div>
        <h1>redux版计数器</h1>
        <h2>{store.getState()}</h2>
        <button onClick={increment}>+</button>
        <button onClick={decrease}>-</button>
    </div>
  )
}
